﻿<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
<meta name="viewport" content="width=device-width, initial-scale=1">	
<link rel="stylesheet" href="script/jquery.mobile-1.0b1/jquery.mobile-1.0b1.css" />
<script type="text/javascript" src="script/jquery.mobile-1.0b1/jquery-1.6.2.js"></script>
<script type="text/javascript" src="script/jquery.mobile-1.0b1/jquery.mobile-1.0b1.js"></script>
<link rel="stylesheet" type="text/css" href="css/map_menu.css" />	
<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
<script src="script/jquery-ui-map/jquery.ui.map.js" type="text/javascript"></script>
<script src="script/gis.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/gis.css" />	

</head> 
<style>
.login_logo {
	margin-top: 0px;
	padding: 0px;
	padding-top: 10px;
	text-align: center;
	background: #616161;
	height: 40px;
}

</style>
<script>
$(function(){
  $('body').delegate('.content-secondary .ui-collapsible-content', 'click',  function(){
    $(this).trigger("collapse")
  });
});

$('#alarm_page').live('pagecreate', function(event) {
  $('#site').live('tap', function(evnt) {
    $.mobile.changePage("gis.html", 'slide', false, true); 	  
  });

  addItem();
});

function addItem() {
  var li = $('<li></li>');
  var a = $('<a href="#"></a>');
  li.append(a);
  // var img = $('<img src="images/st1.gif"></img>');
  var img = $('<img></img>');
  img.attr('src', 'images/st1.gif');
  a.append(img);
  var h3 = $('<h3>Test</h3>');
  a.append(h3);
  $('#list').append(li);

  $('#list').listview("refresh");
}

</script>
<body> 
<div id="alarm_page" data-role="page">
<div data-role="header"  class="login_logo">
<H2 style="color: white; margin: 0px;">Huawei NetEco</H2>
</div>

<div data-role="content"> 
<ul id="list" data-role="listview">
	
<li><a href="#">
<img src="images/st1.gif" />
<h3>Broken Bells</h3>
<p>Broken Bells</p>
</a></li>

<li><a href="#">
<img src="images/album-hc.jpg" />
<h3>Warning</h3>
<p>Hot Chip</p>
</a></li>
<li><a href="#">
<img src="images/album-hc.jpg" />
<h3>Warning</h3>
<p>Hot Chip</p>
</a></li>
<li><a href="#">
<img src="images/album-hc.jpg" />
<h3>Warning</h3>
<p>Hot Chip</p>
</a></li>
<li><a href="#">
<img src="images/album-hc.jpg" />
<h3>Warning</h3>
<p>Hot Chip</p>
</a></li>
<li><a href="#">
<img src="images/album-hc.jpg" />
<h3>Warning</h3>
<p>Hot Chip</p>
</a></li>

</ul>

</div><!-- /content -->

<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#" id="chat" >告警</a></li>
<li><a href="#" id="site">站点</a></li>
<li><a href="#" id="skull">Portal</a></li>
</ul>
</div>
</div><!-- /footer -->

</div><!-- /page -->
</body>
</html>
